<div style="margin-top:45px;" v-if="status">

	<!-- 图标 -->
	<a-alert v-if="!status.connect"
		message="警告"
		description="屏幕掉线啦！！！"
		type="warning"
		showIcon
	></a-alert>

	<template v-if="status.data">
		<a-descriptions :title="(status.data.roomId > 1) ? '已连接直播房间 ' + status.data.roomId : '未连接直播房间'"
			style="margin-top:30px;"></a-descriptions>
		<a-form :label-col="{ span: 3 }" :wrapper-col="{ span: 12 }">
			<a-form-item label="房间号">
				<a-input-search v-model.number="roomId" placeholder="例如 : 751714" @search="editRoomIdSubmit()">
					<a-button slot="enterButton">修改</a-button>
				</a-input-search>
			</a-form-item>
		</a-form>
		<a-form :label-col="{ span: 3 }" :wrapper-col="{ span: 12 }">
			<a-form-item label="弹幕口令">
				<a-input-search v-model.trim="words" placeholder="什么都不输就是什么口令都可以" @search="editWordsSubmit()">
					<a-button slot="enterButton">修改</a-button>
				</a-input-search>
			</a-form-item>
		</a-form>
	</template>

	<template v-if="status.data && status.data.roomId > 1">
		<a-descriptions title="观众参与" style="margin-top:30px;"></a-descriptions>
		<a-row>
			<a-button @click="btnReset()">重置</a-button>
			<a-button type="primary" @click="btnBegin()">开始发弹幕吧</a-button>
			<a-button @click="btnEnd()" >结束发弹幕</a-button>
			<a-button @click="btnReady()" >转盘转起来</a-button>
			<a-button type="primary" @click="btnPick()" >选人</a-button>
		</a-row>
	</template>

</div>
<div v-else>
	空
</div>
